<template>
    <div>
        <p>{{ Info }}:</p>
        <input type="text"  v-model="data"> </input>
    </div>
</template>

<script>
export default {
    data (){
        return {
            data :"",
        }
    },
    props:{
        Info:{type:String, required:true}
    },
    watch:{
        data(newData,oldData){
            this.$emit("getData",newData)
        }
    },
}
</script>


<style scoped>
</style>